<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<link rel="stylesheet" href="css/fundamental.css" />
		<script type="text/javascript">
			function a() {
				var w = window.innerWidth;
				if (w < 800) {
					document.getElementById("head").style.fontSize = "14px";
				}
			};
			window.onload = function() {
				a();
			};
			window.onresize = function() {
				var w = window.innerWidth;
				if (w < 800) {
					a();
				} else {
					document.getElementById("head").style.fontSize = "25px";
				}
			};
		</script>
	</head>

	<body>
		<div class="header">
			<h2 id="head">计算机类专业  主要课程学习资源信息平台</h2>
		</div>
		<div class="information">
			<h3>主要课程</h3>
		</div>
		<div class="main" id="main1">
			<ul>
				<li>
					<h4>编译原理</h4>
					<p>国家级精品课程，XX大学</p>
				</li>
				<li>
					<h4>编译原理</h4>
					<p>国家级精品课程，XX大学</p>
				</li>
				<li>
					<h4>编译原理</h4>
					<p>北京市精品课程，XX大学</p>
				</li>
				<li>
					<h4>编译原理</h4>
					<p>四川省精品课程，XX大学</p>
				</li>
				<li>
					<h4>操作系统</h4>
					<p>国家级精品课程，XX大学</p>
				</li>
				<li>
					<h4>操作系统</h4>
					<p>国家精品资源共享课，XX大学</p>
				</li>
				<li>
					<h4>操作系统</h4>
					<p>XX省精品资源共享课，XX大学</p>
				</li>
				<li>
					<h4>高级语言程序设计</h4>
					<p>国家精品资源共享课，XX大学</p>
				</li>
				<li>
					<h4>高级语言程序设计</h4>
					<p>国家精品资源共享课，XX大学</p>
				</li>
				<li>
					<h4>高级语言程序设计</h4>
					<p>xx省精品资源共享课，XX大学</p>
				</li>
				<li>
					<h4>计算机组成原理</h4>
					<p>无具体信息</p>
				</li>
				<li>
					<h4>面向对象分析与设计</h4>
					<p>无具体信息</p>
				</li>
				<li>
					<h4>软件工程</h4>
					<p>本书适用于广大工程技术人员和设计工程师</p>
				</li>
				<li>
					<h4>软件项目管理</h4>
					<p>无具体信息</p>
				</li>
				<li>
					<h4>数据结构</h4>
					<p>无具体信息</p>
				</li>
			</ul>
			<div id="footer">
				<a href="#">上一页</a>
				<a href="#">1/5</a>
				<a href="#">下一页</a>
			</div>
		</div>
	</body>

</html>